html, body { min-height: 100%; height: 100% }
input, textarea { background-color: #fff }

.visibility-hidden { visibility: hidden }
.inner { max-width: 1200px; margin: auto }
.pull-left { float: left }
.pull-right { float: right }
.clearfix { clear: both }

.ent-intro { overflow-x: hidden; box-sizing: border-box; min-width: 1200px; background-color: #fff }
.ent-intro *, .ent-intro :before, .ent-intro .after { box-sizing: inherit }
.ent-intro>.header { width: 1200px; margin: 0 auto; color: #191919; opacity: .8; filter: alpha(opacity=80); line-height: 1 }
.ent-intro>.header .guide-list { display: inline-block; margin: 30px 0 40px }
.ent-intro>.header .guide { float: left; font-size: 16px; color: #191919 }
.ent-intro>.header .guide-sup { float: left; color: #999 }
.ent-intro>.header .title { font-size: 24px; padding-bottom: 30px; color: #191919 }
.ent-intro .body { width: 100%; margin-top:50px; margin-bottom: 50px;}
.ent-intro .body .version-cards { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1200px; margin: 0 auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.ent-intro .body .version-cards .card { border: solid 1px #e5e5e5; width: 350px; height: 600px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.ent-intro .body .version-cards .card.active { box-shadow: 4px 8px 40px 0 rgba(0,0,0,.1) }
.ent-intro .body .version-cards .card:not(:last-of-type) { margin-right: 50px }
.ent-intro .body .version-cards .card.ent-base .header { background-image: -webkit-linear-gradient(bottom, #f22f38 1%, #ff5a52); background-image: linear-gradient(to top, #f22f38 1%, #ff5a52) }
.ent-intro .body .version-cards .card.ent-base .header .price-year { font-size: 28px; line-height: 34px }
.ent-intro .body .version-cards .card.ent-base .btn { background-image: -webkit-linear-gradient(bottom, #ffdad3, #fff 30%, #fff); background-image: linear-gradient(to top, #ffdad3, #fff 30%, #fff) }
.ent-intro .body .version-cards .card.ent-standard .header { background-image: -webkit-linear-gradient(11deg, #ef0c72, #ff308d); background-image: linear-gradient(79deg, #ef0c72, #ff308d) }
.ent-intro .body .version-cards .card.ent-standard .btn { background-image: -webkit-linear-gradient(bottom, #ffd2f6, #fff 30%, #fff); background-image: linear-gradient(to top, #ffd2f6, #fff 30%, #fff) }
.ent-intro .body .version-cards .card.ent-advanced .header { background-image: -webkit-linear-gradient(bottom, #6702cf, #9c2afc); background-image: linear-gradient(to top, #6702cf, #9c2afc) }
.ent-intro .body .version-cards .card.ent-advanced .btn { background-image: -webkit-linear-gradient(bottom, #e6d4ff, #fff 30%, #fff); background-image: linear-gradient(to top, #e6d4ff, #fff 30%, #fff) }
.ent-intro .body .version-cards .card.ent-honour { position: relative }
/*.ent-intro .body .version-cards .card.ent-honour.disabled .icon { background-image: url(../images/recommend-disabled_a9a7c1c.png) }*/
.ent-intro .body .version-cards .card.ent-honour.disabled .version { color: rgba(255,255,255,.8); background-image: -webkit-gradient(linear, left center, right center, from(rgba(255,255,255,.8)), to(rgba(255,255,255,.8))) }
.ent-intro .body .version-cards .card.ent-honour .icon { /*background-image: url(../images/recommends_5b003e0.png);*/ background-size: contain; background-repeat: no-repeat; position: absolute; width: 34px; height: 52px; right: 13px; top: -1px }
.ent-intro .body .version-cards .card.ent-honour .header { background-image: -webkit-linear-gradient(bottom, #1f2224, #515558); background-image: linear-gradient(to top, #1f2224, #515558) }
.ent-intro .body .version-cards .card.ent-honour .version { color: #b49878; background-image: -webkit-gradient(linear, left center, right center, from(#a08356), to(#e7bd8e)); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
.ent-intro .body .version-cards .card.ent-honour .btn { background-image: -webkit-linear-gradient(bottom, #c5994f, #f6cc99); background-image: linear-gradient(to top, #c5994f, #f6cc99) }
.ent-intro .body .version-cards .card.ent-pilot .header { background-image: -webkit-linear-gradient(bottom, #000, #383b3d); background-image: linear-gradient(to top, #000, #383b3d) }
.ent-intro .body .version-cards .card.ent-pilot .version { color: #bc8870; background-image: -webkit-gradient(linear, left center, right center, from(#a16a4e), to(#e7a98b)); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
.ent-intro .body .version-cards .card.ent-pilot .tel { margin-top: 45px; font-size: 12px; color: #bc8870 }
.ent-intro .body .version-cards .card.ent-pilot .tel:before { content: ""; /*background: url(../images/phone_9bc4429.png) no-repeat center;*/ width: 12px; height: 10px; display: inline-block; margin-right: 3px }
.ent-intro .body .version-cards .card.disabled { pointer-events: none }
.ent-intro .body .version-cards .card.disabled .header { background-image: -webkit-linear-gradient(bottom, #929191 1%, #bbbaba); background-image: linear-gradient(to top, #929191 1%, #bbbaba) }
.ent-intro .body .version-cards .card.disabled .btn { pointer-events: none; background-color: rgba(255,255,255,.2); background-image: none; color: rgba(255,255,255,.8); font-weight: 400 }
.ent-intro .body .version-cards .card .version { font-weight: 700 }
.ent-intro .body .version-cards .header { height: 180px; color: #fff; font-size: 22px; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 23px; font-weight: 300 }
.ent-intro .body .version-cards .header .price-year { margin-top: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-weight: 400 }
.ent-intro .body .version-cards .header .price-year .dollar { font-size: 18px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 3px; font-weight: 300 }
.ent-intro .body .version-cards .header .price-year .price { font-size: 34px; letter-spacing: 1.7px; font-weight: 400; font-family: Helvetica }
.ent-intro .body .version-cards .header .price-year .price+span { margin-bottom: 5px; font-weight: 300 }
.ent-intro .body .version-cards .header .price-quarter { font-size: 15px; margin: 5px auto 17px }
.ent-intro .body .version-cards .header .btn { width: 160px; height: 35px; border-radius: 2px; color: rgba(0,0,0,.7); font-size: 18px; border: 0; font-weight: 500; font-family: PingFangSC; cursor: pointer }
.ent-intro .body .version-cards .header .btn:hover { box-shadow: 5px 5px 5px 0 rgba(0,0,0,.14) }
.ent-intro .body .version-cards .content { position: relative; font-size: 18px; padding-top: 23px; -webkit-box-flex: 1; -webkit-flex: 1; margin-left: 50px;}
.ent-intro .body .version-cards .content .desc { line-height: 1; padding-left: 37px; margin-bottom: 18px; color: rgba(62,62,62,.8); position: relative }
.ent-intro .body .version-cards .content .desc:before { position: absolute; content: ""; height: 6px; width: 9px; border: 2px solid #3e3e3e; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 20%; left: 16px; border-top: 0; border-right: 0; opacity: .6; filter: alpha(opacity=60) }
.ent-intro .body .version-cards .content .link-compare { position: absolute; bottom: 14px; right: 15px; text-decoration: underline; color: rgba(62,62,62,.8); cursor: pointer; pointer-events: auto }
.ent-intro .body .version-cards .content .link-compare:hover { color: #2193ff }




@media screen and (min-width: 300px) and (max-width: 960px) {


.ent-intro .body .version-cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 33.3333%;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
    display: inline;
    margin-left: 2%;
}

.ent-intro .body .version-cards .card {
    border: solid 1px #e5e5e5;
    width: 92%;
    height: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
   margin-bottom: 20px;
}

.ent-intro .body .version-cards .card.ent-honour {
    position: relative;
    width: 92%;
}
}